@charset "utf-8";

#header{  height:42px;  box-sizing: border-box; background: url(../images/layout/head_bg.jpg) repeat-x }
#header h1{float:left; height:42px; width:220px; display:block; font-size:0; line-height:0; color:#000; background:url(../images/layout/logo.gif)}
#header .selCity{height:42px; float:left; position:relative}
#header .selCity .currentCity{ height:39px; line-height:39px; display:block; position:relative; padding: 0 25px 0 10px;; color:#fff}
#header .selCity .currentCity i{ position:absolute;top:18px; right:10px; width:0px; height:4px;  border:4px solid #fff; border-bottom:none; overflow:hidden;border-left-color:  #1f1a17;border-right-color: #1f1a17;}
#header .selCity:hover .currentCity{ text-decoration:none}
#header .selCity:hover .currentCity i{ }
#header .selCity:hover .cityList{ display:block ;z-index:50;top:39px;opacity:1}
#header .selCity .cityList{ position:absolute; padding:5px 0; border:1px solid #bbb; background:#fff; box-shadow:2px 2px 3px #bbb; width:57px;  -webkit-transition:all 0.2s ease-in-out 0; -moz-transition:all 0.2s ease-in-out 0;transition:all 0.2s ease-in-out 0;z-index:-1; top:45px; opacity:0}
#header .selCity .cityList li{ height:;border-bottom:1px solid #eee}
#header .selCity .cityList a{ display:block; height:26px; line-height:26px; padding:0 10px;}
#header .selCity .cityList a:hover{ background:#777; text-decoration:none; color:#fff}
 
 
#header .countInf{ float:right; height:42px; padding-right:10px; font:normal 12px/42px 'simsun':42px; width:130px }
#header .countInf a{color:#86817e;font:normal 12px/39px simsun;}
#header .countInf .welcome{ float:left; color:#fff;font:normal 12px/39px simsun;}
#header .countInf .welcome a{  color:#fff; text-decoration:underline; margin-right:10px }
#header .countInf .systemOperate a{ float:left; display:block; height:39px; padding:0 5px 0 18px;  simsun; background:url(../images/icons/countInf.gif)   no-repeat;   }
#header .countInf .systemOperate a.logout{ background-position:left 0}
#header .countInf .systemOperate a.suggest{ background-position:left -39px}
#header .countInf .systemOperate a.help{ background-position:left -78px}


#mainWraper{}
#leftMenu{ float:left; box-sizing: border-box; width:150px;min-height:500px; border-right:1px solid #bababa;  margin-right:-150px; background:#e3e3e3; padding-top:20px;   }

#leftMenu .menuList{ margin-bottom:-1px}
#leftMenu .menuList ul{ display:none}
#leftMenu div.current ul{ display:block;padding-top: 10px;padding-bottom: 10px;} 

#leftMenu h2.modleName{ box-sizing: border-box; padding-left:10px; border-top:1px solid #bababa;border-bottom:1px solid #bababa;  background:url(../images/layout/modleName_bg.gif) repeat-x left top; clear:both;border-left:3px transparent #fff;}
#leftMenu h2.modleName a,#leftMenu h2.modleName a:hover{ cursor:default; text-decoration:none}
#leftMenu div.current h2.modleName i{  opacity: 1;}

#leftMenu h2.modleName a{display:block; height: 32px;  color:#000000 }
#leftMenu h2.modleName i{ float:left; display:block; height:32px; width:20px; background:url(../images/icons/moudel_icon.png); opacity: 0.5; } 
#leftMenu h2.extendManager i{}
#leftMenu h2.planingManager i{ background-position:left -31px}
#leftMenu h2.spotManager i {background-position:left -62px}
#leftMenu h2.distributionManager i{background-position:left -93px}
#leftMenu h2.suportManager i{background-position:left -124px}
#leftMenu h2.modleName span{ font-size:14px; line-height:32px; font-weight:bold;  font-family:microsoft yahei}
#leftMenu ul{ display:block; padding-left:17px; background:url(../images/icons/leftmenu_ul_bg.gif) repeat-x top  left}
#leftMenu ul li{ box-sizing:border-box;border-left:3px solid #e3e3e3; margin-right:-1px; clear:both; margin-bottom:-2px}
#leftMenu ul li.current{  display:block; background:#fff;border-left:3px solid #3c3c3c; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}

#leftMenu ul li a{ display:block; box-sizing: border-box; height:33px;width:130px;  line-height:33px;  font-family:simsun; color:#070707; }
#leftMenu ul li a i{ display:inline-block; float:left; width:20px; height:33px;background:url(../images/icons/arrow_right.gif)  center center no-repeat}
#leftMenu ul li.current a,#leftMenu ul li.first a{background: none;}

#rightContent{ margin-left:150px;padding:15px;-webkit-transition:all 0.2s ease-in-out  0s; background:#fff;position: relative;}
#footer{}

.arrow-toggle{}
.arrow-toggle { display:block; width:11px; height:50px; position:absolute;  left:-1px; top:70%; margin-top:-25px;; background:url(../images/sprite.png) 	-160px -39px}
.arrow-toggle-exp{  }
.arrow-toggle-exp:hover{ background-position:-171px -39px }
.arrow-toggle-collapse{ background-position:-182px -39px  }
.arrow-toggle-collapse:hover{ background-position:-193px -39px  }
